import React, {Component} from 'react'

import Child from './Child'

export default class Parent extends Component {

    state = {
        hasError: ''  //用于标识子组件是否产生错误
    }

    // 当前组件的子组件出现错误时，会触发getDerivedStateFromError调用，并携带错误信息
    static getDerivedStateFromError(error) {
        console.log(error);
        return {hasError: error}
    }

    // 统计错误次数，发送后台
    componentDidCatch() {

    }
    
    render() {
        return (
            <div>
                <h2>我是Parent组件</h2>
                {this.state.hasError ? <h2>当前网络不稳定</h2> : <Child /> }
            </div>
        )
    }
}